<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<head>
    <%@ include file="head.jsp" %>
</head>

<body>

<!-- Left sidebar start -->
<aside id="sidebar">
    <%@ include file="aside.jsp" %>
</aside>
<!-- Left sidebar end -->

<!-- Dashboard Wrapper Start -->
<div class="dashboard-wrapper">

    <!-- Header start -->
    <header>
        <%@include file="header.jsp"%>
    </header>
    <!-- Header ends -->

    <!-- Right sidebar start -->
    <div class="sb-slidebar sb-right sb-close">

        <!-- User Profile Start -->
        <section class="user-profile">
            <div class="profile-container">
                <img src="assets/lib/img/admin1.png" class="user-img" alt="User Image">

                <div class="desc">
                    <h4>John Doe</h4>

                    <p class="text-info">UX Designer</p>
                </div>
            </div>
            <ul class="ftr-link">
                <li class="active">
                    <a href="javascript:;">
                        <div class="fs1" aria-hidden="true" data-icon="&#xe033;"></div>
                        985
                    </a>
                </li>
                <li>
                    <a href="javascript:;" class="text-success">
                        <div class="fs1" aria-hidden="true" data-icon="&#xe0b9;"></div>
                        999
                    </a>
                </li>
                <li>
                    <a href="javascript:;" class="text-pink">
                        <div class="fs1" aria-hidden="true" data-icon="&#xe0e3;"></div>
                        143
                    </a>
                </li>
            </ul>
        </section>
        <!-- User Profile End -->

        <!-- Online Users start -->
        <div class="block">
            <div class="heading">Users Online</div>
            <div class="wrapper">
                <!-- Online Users Start -->
                <ul class="online-users">
                    <li>
                        <a href="" data-lastname="Sandhya" data-status="online" data-original-title="">
                            <span>Sunny</span>

                            <div class="user-status online"></div>
                        </a>
                    </li>
                    <li>
                        <a href="" data-lastname="Sandhya" data-status="online" data-original-title="">
                            <span>Henrik</span>

                            <div class="user-status online"></div>
                        </a>
                    </li>
                    <li>
                        <a href="" data-lastname="Sandhya" data-status="online" data-original-title="">
                            <span>John Doe</span>

                            <div class="user-status busy"></div>
                        </a>
                    </li>
                    <li>
                        <a href="" data-lastname="Sandhya" data-status="online" data-original-title="">
                            <span>Fleming</span>

                            <div class="user-status away"></div>
                        </a>
                    </li>
                    <li>
                        <a href="" data-lastname="Sandhya" data-status="online" data-original-title="">
                            <span>Wills</span>

                            <div class="user-status"></div>
                        </a>
                    </li>
                </ul>
                <!-- Online Users End -->
            </div>
        </div>
        <!-- Online Users end -->

        <!-- Checkout start -->
        <div class="block">
            <div class="heading">Checkout</div>
            <ul class="cart">
                <li class="cart-item">
              <span class="cart-item-pic">
                <img src="assets/lib/img/admin2.png" alt="EarthSquare">
              </span>
                    Item #1
                    <span class="cart-item-desc">Description</span>
                    <span class="cart-item-price">$16.80</span>
                </li>
                <li class="cart-item">
              <span class="cart-item-pic">
                <img src="assets/lib/img/admin4.png" alt="EarthSquare">
              </span>
                    Item #2
                    <span class="cart-item-desc">Description</span>
                    <span class="cart-item-price">$15.00</span>
                </li>
                <li class="cart-item">
              <span class="cart-item-pic">
                <img src="assets/lib/img/admin8.png" alt="EarthSquare">
              </span>
                    Item #3
                    <span class="cart-item-desc">Description</span>
                    <span class="cart-item-price">$23.00</span>
                </li>
            </ul>
            <div class="cart-bottom">
                Total: $54.80
                <a href="#" class="cart-button">Continue</a>
            </div>
        </div>
        <!-- Checkout end -->

        <!-- Notifications Start -->
        <div class="block">
            <div class="heading">Notifications</div>
            <!-- Notifications -->
            <ul class="infos">
                <li>
              <span class="label label-success pull-left">
                <div class="fs1" aria-hidden="true" data-icon="&#xe128;"></div>
              </span>

                    <div class="info">
                        <h6>Guru Tweeted</h6>

                        <p class="designation">Few seconds ago</p>
                    </div>
                </li>
                <li>
              <span class="label label-danger pull-left">
                <div class="fs1" aria-hidden="true" data-icon="&#xe0e9;"></div>
              </span>

                    <div class="info">
                        <h6>Server #999 Crashed</h6>

                        <p class="designation">2 minutes ago</p>
                    </div>
                </li>
                <li>
              <span class="label label-info pull-left">
                <div class="fs1" aria-hidden="true" data-icon="&#xe0e3;"></div>
              </span>

                    <div class="info">
                        <h6>Kiri's account was created</h6>

                        <p class="designation">5 days ago</p>
                    </div>
                </li>
            </ul>
        </div>
        <!-- Notifications End -->

    </div>
    <!-- Right sidebar end -->

    <!-- Main Container Start -->
    <div class="main-container">

        <!-- Top Bar Starts -->
        <div class="top-bar clearfix">
            <div class="page-title">
                <h4>
                    <div class="fs1" aria-hidden="true" data-icon="&#xe007;"></div>
                    Dashboard <a href="#" class="samll">Breadcrumb</a></h4>
            </div>
            <ul class="right-stats hidden-xs" id="mini-nav-right">
                <li class="reportrange btn btn-success">
                    <i class="fa fa-calendar"></i>
                    <span></span> <b class="caret"></b>
                </li>
                <li>
                    <a href="#" class="btn btn-info sb-open-right sb-close">
                        <div class="fs1" aria-hidden="true" data-icon="&#xe06a;"></div>
                    </a>
                </li>
            </ul>
        </div>
        <!-- Top Bar Ends -->

        <!-- Container fluid Starts -->
        <div class="container-fluid">

        </div>
        <!-- Container fluid ends -->

    </div>
    <!-- Main Container Start -->

    <!-- Footer Start -->
        <%@include file="footer.jsp"%>
    <!-- Footer end -->

</div>
<!-- Dashboard Wrapper End -->
<%@include file="foot_javascript.jsp"%>
</body>
</html>